<template>
  <div>
    <h2>我是父级组件</h2>
    <h1>{{ msg }}</h1>
    <button @click="msg += '===='">更新数据</button>
    <hr />
    <Child :msg="msg" msg1="真想啊" v-model:inputValue="inputValue" />
  </div>
</template>

<script lang="ts">
// 引入子级组件
import { defineComponent, ref } from 'vue'
// 注册组件
import Child from 'components/Child.vue'
export default defineComponent({
  components: { Child },
  name: 'App',
  setup() {
    // 定义一个Ref类型的数据
    const msg = ref('你好啊 啊 啊')
    let inputValue = ref('我真的已经很努力了')
    return {
      msg,
      inputValue
    }
  }
})
</script>

<style lang="scss" scoped>
</style>

